<!DOCTYPE html>
<!-- Any copyright is dedicated to the Public Domain.
   - http://creativecommons.org/publicdomain/zero/1.0/ -->

<html>
  <style>
  summary::-moz-list-bullet {
    /* Hide the triangle for comparing with div in reftest. */
    list-style-type: none;
  }
  </style>
  <body>
    <!-- Test <ol> numbering is not affected by <details>. -->
    <ol>
      <li>First item
        <details open>
          <summary>Summary
            <ul>
              <li>First unordered item in summary</li>
              <li>Second unordered item in summary</li>
            </ul>
            <div>
              <ol>
                <li>First item in summary</li>
                <li>Second item in summary</li>
              </ol>
            </div>
            <svg>
              <foreignObject width="300" height="300">
                <ol>
                  <li>First item in foreignObject</li>
                  <li>Second item in foreignObject</li>
                </ol>
              </foreignObject>
            </svg>
          </summary>
          <p>This is the details.</p>
          <!-- Although html spec does not allow <li> inside <details>, we
               deliberately omit the <ol> to test the renumbering isn't affected
               by the summary. -->
          <li>First item in details</li>
          <li>Second item in details</li>
        </details>
      </li>
      <li>Second item</li>
    </ol>
  </body>
</html>
